<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}" ></c:set>
<!DOCTYPE html>
<html lang="en">
	<head>
	
	</head>

	<body class="no-skin">
			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<!-- #section:basics/content.breadcrumbs -->
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i>
							<a href="#">Home</a>
						</li>

						<li>
							<a href="#">Tables</a>
						</li>
						<li class="active">Simple &amp; Dynamic</li>
					</ul><!-- /.breadcrumb -->

					<!-- #section:basics/content.searchbox -->
					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="ace-icon fa fa-search nav-search-icon"></i>
							</span>
						</form>
					</div><!-- /.nav-search -->

					<!-- /section:basics/content.searchbox -->
				</div>

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">
					<!-- #section:settings.box -->
					<div class="ace-settings-container" id="ace-settings-container">
						<div class="ace-settings-box clearfix" id="ace-settings-box">
							<div class="pull-left width-50">
								<!-- #section:settings.skins -->
								<div class="ace-settings-item">
									<div class="pull-left">
										<select id="skin-colorpicker" class="hide">
											<option data-skin="no-skin" value="#438EB9">#438EB9</option>
											<option data-skin="skin-1" value="#222A2D">#222A2D</option>
											<option data-skin="skin-2" value="#C6487E">#C6487E</option>
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
									<span>&nbsp; Choose Skin</span>
								</div>

								<!-- /section:settings.skins -->

								<!-- #section:settings.navbar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
									<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
								</div>

								<!-- /section:settings.navbar -->

								<!-- #section:settings.sidebar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
									<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
								</div>

								<!-- /section:settings.sidebar -->

								<!-- #section:settings.breadcrumbs -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
									<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
								</div>

								<!-- /section:settings.breadcrumbs -->

								<!-- #section:settings.rtl -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
									<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
								</div>

								<!-- /section:settings.rtl -->

								<!-- #section:settings.container -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
									<label class="lbl" for="ace-settings-add-container">
										Inside
										<b>.container</b>
									</label>
								</div>

								<!-- /section:settings.container -->
							</div><!-- /.pull-left -->

							<div class="pull-left width-50">
								<!-- #section:basics/sidebar.options -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
									<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
									<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
									<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
								</div>

								<!-- /section:basics/sidebar.options -->
							</div><!-- /.pull-left -->
						</div><!-- /.ace-settings-box -->
					</div><!-- /.ace-settings-container -->

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="page-header">
							<h1>
								Tables
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									Static &amp; Dynamic Tables
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<button id="addstu" class="btn btn-primary">
											<i class="ace-icon fa fa-plus bigger-120 addstu"></i>添加
										</button>
										
										<button id = "batchAddStudentBtn" class="btn btn-primary" >
											<i class="ace-icon fa fa-plus bigger-120"></i>批量添加学生信息
										</button>
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
													</th>
														<th>ID</th>
														<th>姓名</th>
														<th>电话</th>
														<th>地址</th>
														<th>生日</th>
														<th>性别</th>
													<th colspan="2">操作</th>											
												</tr>
											</thead>

											<tbody>
												<c:forEach items="${userList}" var="user">
												<tr>
													<td class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
													</td>
													<td class="user_id">${user.userId}</td>
													<td>${user.userName}</td>
													<td>${user.tel}</td>
													<td>${user.address}</td>
													<td>${user.birthday}</td>
													<c:if test="${user.gender==0}">
														<td>男</td>
													</c:if>
													<c:if test="${user.gender==1}">
														<td>女</td>
													</c:if>	
													<td>
														<div class="hidden-sm hidden-xs btn-group">
															
															<button class="btn btn-xs btn-info edituser">
																<i class="ace-icon fa fa-pencil bigger-120"></i>
															</button>

															<button class="btn btn-xs btn-danger delete">
																<i class="ace-icon fa fa-trash-o bigger-120"></i>
															</button>
															
															<a title="管理学生科目" class="btn btn-primary btn-xs manage-student-subject-btn"><i class="ace-icon fa fa-users"></i></a>
														</div>

													
													</td>
												</tr>
												</c:forEach>

												<c:if test="${not empty message}">
													<script type="text/javascript">
														alert("${message}");
													</script>
													</c:if>
											</tbody>
										</table>
									</div>
								</div>

								<div class="hr hr-18 dotted hr-double"></div>

								<div id="modal-table" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header no-padding">
												<div class="table-header">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
														<span class="white">&times;</span>
													</button>
													Results for "Latest Registered Domains
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		
		<div class="modal fade" id="subjectStudentModal" tabindex="-1" role="dialog" aria-labelledby="subjectStudentModalLabel">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="true">
			         &times;
			       	</button>
			        <h4 class="modal-title" id="subjectStudentModalLabel">
			      		  管理学生科目：<label id="modalSubjectName"></label>
			        </h4>
			      </div>
			      <div class="modal-body">
			       <input id="userId" type="hidden" />
			       <div id="subjectStudentContent" class="control-group">
			       
			       </div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			        <button id="managesubjectStudentSaveBtn" type="button" class="btn btn-primary">Save changes</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			
			
		
		<!-- 新增学生的模态框 -->
		<div class="modal fade" id="addStudentModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">						
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title" id="myModalLabel">新增学生</h4>
					</div>
					<div class="modal-body">			
						<form id="addStudentForm" method="post" class="form-horizontal" role="form"  >
							<!-- #section:elements.form -->
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 学生ID </label>
								<div class="col-sm-9">
									<input type="text" name="userId" class="col-xs-10 col-sm-5" />
								</div>
							</div>							
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 学生姓名 </label>
								<div class="col-sm-9">
									<input type="text" name="userName" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 电话号码 </label>
								<div class="col-sm-9">
									<input type="text" name="tel" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 联系地址 </label>
								<div class="col-sm-9">
									<input type="text" name="address" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 出生年月 </label>
								<div class="col-sm-9">
									<input type="date" name="birthday" class="col-xs-10 col-sm-5" />
								</div>
							</div>	
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1">邮箱地址 </label>
								<div class="col-sm-9">
									<input type="text" name="email" class="col-xs-10 col-sm-5" />
								</div>
							</div>	
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 性别 </label>
								<div class="col-sm-9">
									<div class="clearfix">
										<label><input type="radio" name="gender" value="0" checked="checked"/>男</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<label><input type="radio" name="gender" value="1"/>女</label>
									</div>
								</div>
							</div>	
																																																								
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="addStudentBtn" type="button" class="btn btn-primary">添加</button>
					</div>
				</div>
			</div>
			
		</div>
		<!-- #新增学生的模态框 -->	
		
			<!-- 修改学生的模态框 -->
		<div class="modal fade" id="editStudentModal" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">						
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
						<h4 class="modal-title" id="myModalLabel">修改学生信息</h4>
					</div>
					<div class="modal-body">			
						<form id="editStudentForm" method="post" class="form-horizontal" role="form"  >
							<!-- #section:elements.form -->
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 学生ID </label>
								<div class="col-sm-9">
									<input type="text" name="userId" class="col-xs-10 col-sm-5" disabled="disabled"/>
								</div>
							</div>							
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 学生姓名 </label>
								<div class="col-sm-9">
									<input type="text" name="userName" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 电话号码 </label>
								<div class="col-sm-9">
									<input type="text" name="tel" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 联系地址 </label>
								<div class="col-sm-9">
									<input type="text" name="address" class="col-xs-10 col-sm-5" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 出生年月 </label>
								<div class="col-sm-9">
									<input type="date" name="birthday" class="col-xs-10 col-sm-5" />
								</div>
							</div>	
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1">邮箱地址 </label>
								<div class="col-sm-9">
									<input type="text" name="email" class="col-xs-10 col-sm-5" />
								</div>
							</div>	
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 性别 </label>
								<div class="col-sm-9">
									<div class="clearfix">
										<label><input type="radio" name="gender" value="0" checked="checked"/>男</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<label><input type="radio" name="gender" value="1"/>女</label>
									</div>
								</div>
							</div>																																												
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="editStudentBtn" type="button" class="btn btn-primary">修改</button>
					</div>
				</div>
			</div>
			
		</div>
		<!-- #修改学生的模态框 -->	

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.min.js'>"+"<"+"/script>");
		</script>

		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				
				//新增模态框
				$('#addstu').click(function(){
					$('#addStudentModal').modal('show');
				});
				
				
				$('.delete').on('click', function() {
				      //第一种方式按照index进行值的获取，个人不推荐
				      //var userName = $(this).parents("tr").children("td:nth-child(2)").text();
				      //第二种方式按照id获取值,推荐
				      //var userId = $(this).parents("tr").find("#userid").text();
				      //alert(userId);
				      //第三种方式按照class获取值
				      //var userName = $(this).parents("tr").find(".userName").text();
				      var confirmMeg = confirm("确认删除该条记录？");
					if(confirmMeg==true){
						var userId = $(this).parents("tr").find(".user_id").text();
						
						var a =window.location.href="deleteuser/"+userId;
						
					}
				});
				
				//批量添加模态框
				$('#batchAddStudentBtn').click(function(){
					$('#uploadFileModal').modal("show");
				});
				
				//根据ID获取学生信息
				$('.edituser').click(function(){
					var userId = $(this).parents("td").siblings("td").eq(1).text();
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getUser',
						data:{
							userId:userId
						},
						dataType:'json',
						success:function(data){
							$('#editStudentModal input[name="userId"]').val(data.userId);
							//无法赋值  原因？？？
							//$('#editStudentForm .userName').val(data.userName);   
							$('#editStudentModal input[name="userName"]').val(data.userName);
							$('#editStudentModal input[name="tel"]').val(data.tel);
							$('#editStudentModal input[name="address"]').val(data.address);
							$('#editStudentModal input[name="birthday"]').val(data.birthday);
							$('#editStudentModal input[name="email"]').val(data.email);
							
							if(data.gender==1){
								$('#editStudentModal input[name="gender"][value="1"]').prop("checked",true); 
							}else if(data.gender==0){
								$('#editStudentModal input[name="gender"][value="0"]').prop("checked",true); 
							}
							
						}
					});
					$('#editStudentModal').modal('show');
				});
				
				//提交修改数据
				$('#editStudentBtn').click(function(){
					var userId=$('#editStudentModal input[name="userId"]').val();
					var userName=$('#editStudentModal input[name="userName"]').val();
					var tel=$('#editStudentModal input[name="tel"]').val();
					var address=$('#editStudentModal input[name="address"]').val();
					var birthday=$('#editStudentModal input[name="birthday"]').val();
					var email=$('#editStudentModal input[name="email"]').val();
					var gender=$('#editStudentModal input[name="gender"]:checked').val();
					
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/editUser',
						data:{
							userId:userId,
							userName:userName,
							tel:tel,
							address:address,
							birthday:birthday,
							email:email,
							gender:gender
						},
						dataType:'json',
						success:function(data){
							if(data.success){
								alert('修改成功');
								window.location.reload();
							}else{
								var messageMap=data.messageMap;
								for(var key in messageMap){
									var value=messageMap[key];
								}
								alert('修改失败');
							}
						}
					});
				});
				
				//保存添加学生信息
				$('#addStudentBtn').click(function(){
					var userId=$('#addStudentModal input[name="userId"]').val();
					var userName=$('#addStudentModal input[name="userName"]').val();
					var tel=$('#addStudentModal input[name="tel"]').val();
					var address=$('#addStudentModal input[name="address"]').val();
					var birthday=$('#addStudentModal input[name="birthday"]').val();
					var email=$('#addStudentModal input[name="email"]').val();
					var gender=$('#addStudentModal input[name="gender"]:checked').val();
					
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/addUser',
						data:{
							userId:userId,
							userName:userName,
							tel:tel,
							address:address,
							birthday:birthday,
							email:email,
							gender:gender
						},
						dataType:'json',
						success:function(data){
							if(data.success){
								alert('添加成功');
								window.location.reload();
							}else{
								var messageMap=data.messageMap;
								for(var key in messageMap){
									var value=messageMap[key];
								}
								alert('添加失败');
							}
						}
					});
				});
				
				//显示上传控制样式
				$('#uploadFile').ace_file_input({
					style:'well',
					btn_choose:'Drop files here or click to choose',
					btn_change:null,
					no_icon:'ace_icon fa fa-cloud-upload',
					droppable:true,
					thumbbail:'small',
					preview_error:function(filename,error_code){}
				}).on('change',function(){
					console.log($(this).data('ace_input_files'));
					console.log($(this).data('ace_input_method'));
				});
				
				$('.manage-student-subject-btn').click(function() {
					var userId = $(this).parents("td").siblings("td").eq(1).text();
					$.ajax({
						type : 'POST',
						url : '${contextPath}/teacher/getAllSubject',
						data : {
							userId : userId
						},
						dataType : "json",
						success : function(data) {
							var htmlString = '';
							var selectedSubject = data.selectedSubject;
							var testedScore=data.testedScore;
							//得到所有这个科目关联的学生
							for (var i = 0; i < data.allSubject.length; i++) {
								var subject = data.allSubject[i];
								var checked = '';
								var disabled = '';
								var subid = '';
								for (var j = 0; j < data.selectedSubject.length; j++) {
									if (selectedSubject[j] == subject.subId) {
										checked = 'checked="true"';
										subid = selectedSubject[j];
									}
								}
								for(var k = 0;k<data.testedScore.length;k++){
									if(subid==testedScore[k]){
										disabled = 'disabled';
									}
								}
								htmlString += '<div class="checkbox">';
								htmlString += '  <label>';
								htmlString += '		<input name="subjectStudents" class="ace ace-checkbox-2" type="checkbox" value="' 
				+ subject.subId +'"' + checked + disabled + ' />';
								htmlString += '   	<span class="lbl">'
										+ subject.name
										+ '</span>';
								htmlString += '	</label>';
								htmlString += '</div>';
							}
						$('#subjectStudentContent').html(htmlString);
						$('#userId').val(userId);
					}
					});
					$('#modalSubjectName').text($(this).parents("td").siblings("td").eq(2).text());
					$('#subjectStudentModal').modal('show');

				});
				
				//修改科目的勾选后，点击保存按钮
				$('#managesubjectStudentSaveBtn').click(function() {
					var subjectStudents = [];
					for (var i = 0; i < $('input[name="subjectStudents"]:checked').length; i++) {
							subjectStudents[i] = $($('input[name="subjectStudents"]:checked')[i]).val();
						}
					$.ajax({
								type : 'POST',
								url : '${contextPath}/teacher/saveStuSub',
								data : {
									subjectStudents : subjectStudents,
									userId : $('#userId').val()
								},
								dataType : "json",
								success : function(data) {
									if (data.success) {
										alert("成功");
										$('#subjectStudentModal').modal('hide');
									} else {
										alert("失败");
									}
								}
							});

				});
				
				//保存并导入Excel数据进行批量添加学生
				$('#subjectStudentSaveBtn').on('click',function(){
					$.ajaxFileUpload({
						url:'${pageContext.request.contextPath}/teacher/uploadFile',
						secureuri:false,
						fileElementId:'uploadFile',
						dataType:'json',
						complete:function(data){},
						success:function(data,staus){
							if(data.success){
								alert('成功');
								window.location.reload();
							}else{
								alert(data.messageMap.message);
							}
						},
						error:function(data,staus,e){
							alert(e);
						}
					});
				});
				
				var oTable1 = 
				$('#sample-table-2')
				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
				.dataTable( {
					bAutoWidth: false,
					"aoColumns": [
					  { "bSortable": false },
					  null, null,null, null, null,
					  { "bSortable": false }
					],
					"aaSorting": [],
			

			    } );
				$(document).on('click', 'th input:checkbox' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			
			})
		</script>

		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/elements.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/ace.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/rainbow.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/generic.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/html.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/css.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/javascript.js"></script>
		
		<script src="${pageContext.request.contextPath}/static/lib/ajaxfileupload.js"></script>
		
		<div class="modal fade" id="uploadFileModal" tabindex="-1" role="dialog" aria-labelledby="uploadFileModalLabe">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="uploadFileModalLabel">上传</h4>
					</div>
					<div class="modal-body">
						<input id="uploadFile" name="uploadFile" type="file"/>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="subjectStudentSaveBtn">保存</button>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>